★ Architecture Cimple

Le flot complet

De la prospection commerciale d'Alexandre au citoyen qui tape trois lettres dans la barre de recherche du sanctuaire de sa commune. Chaque brique est un écran ou un module. Chaque flèche est une transition. Cliquez sur une brique pour l'ouvrir.

A
Voie Alexandre · Commercial
Trie les communes et associations · Envoie des mails ciblés · Convertit le maire
Du tableau au mail envoyé
A.1
📨
Point d'entrée
Cockpit Tri & Campagnes
3 univers : Mairies, Associations, EPCI. Pailles colorées (segment), failles ☠ (audit sécurité), éditeurs visibles (JVS / Berger-L.).
/cimple-forge/cockpit-alexandre.html
Sélectionne
A.2
Cochage
Sélection multi-lignes
Filtre par segment / failles / département / type asso. Coche 5 à 200 destinataires.
filtre + coche
Click
A.3
📨
Action
"Lancer campagne →"
Bouton primaire. Vérifie qu'au moins 1 destinataire a un email valide.
+ check email
Modale 1
Choix
A.5
Modale 2
Éditeur de mail
4 onglets : Aperçu visuel · Édition WYSIWYG · HTML brut · Variables. Pré-rempli avec le bon template.
+ test envoi
Envoi
A.6
📤
Backend
server-resend.js
Relais local sur :8766. /api/send (1) · /api/batch (lot) · /api/order (commandes) · /api/ask (proxy Gemini).
localhost:8766
SMTP
A.7
✉️
Service tiers
Resend.com
Envoi mail réel. Sender = onboarding@resend.dev (test) ou domaine vérifié (prod). Reply-to éditable.
api.resend.com
MAIL REÇU par le maire ou le président d'association.
Le mail contient un lien {{DEMO_URL}} pré-rempli avec le code INSEE.
M
Voie Maire · Fabrication du sanctuaire
Tunnel 10 écrans · Construit son site en 8 minutes · Cheval de Troie Hérodote
Du clic au sanctuaire né
M.1
🇫🇷
Étape I
Marianne
Recherche commune via geo.api.gouv.fr. Autocomplete sur INSEE/CP/dept.
/website-maker.html
M.2
Étape II
Confirmation
"C'est bien votre commune ?" Récap pop, dept, EPCI.
M.3
🪂
Étape III
Cassini · Descente parachute
Carte IGN (data.geopf.fr) zoom 0.55→2.1 sur 11s. Archives qui défilent (Cassini, Gallica, Mérimée…).
M.4
Étape IV
Inspiration
3 chemins : Voisin · Propre · Cimple-choisit (5 propositions sur-mesure).
M.5
📷
Étape V
Visages (6 photos)
3 onglets : Postales (Gallica BNF + Wikimedia) · Contemporaines (Wikipedia) · Vos photos (drag&drop).
+ filtre pertinence commune
M.6
🛠️
Étape VI
Layout + Identité visuelle
6 templates (Héros, Cinéma, Éditorial, Vertical, Minimal, Sidebar). Puis 5 skins républicains (couleur + typo).
M.7
⚒️
Étape VII
Wahouh
Page externe wahouh.html — embellissement détails. Actuellement bypass possible.
à reconnecter
M.8
Étape VIII
Modules
Choix des modules à activer sur le sanctuaire. Simulateur "temps libéré par semaine".
M.9
Étape IX
Construction
42s d'animation. Frise temporelle -1000 → +2000 (gallo-romain en bleu marine, étoile or).
7 étapes × 6s
Surprise
M.10
🐎
Étape X · Cheval de Troie
Hérodote Antiquité
Horloge ancienne 15s → récit Antiquité (-1000 → +500) → 14 chapitres (1 ouvert, 13 verrouillés). Filtre anti-hallucination strict. Photos N&B forcées (grayscale 100%).
events: herodote:complete, herodote:ugc
M.11
Étape XI
Naissance / Résultat
"Le sanctuaire de [commune] vient de naître". Stats. Preview de la barre de recherche universelle. Bouton commande.
+ barre Gemini skin-aware
SANCTUAIRE LIVRÉ · Le maire ouvre le site officiel de sa commune,
publié sur cimple.fr/sites/[commune]-[code]
C
Voie Citoyen · Sanctuaire en usage quotidien
Page Hero-Google · Une seule porte d'entrée · 50+ services en 3 lettres
De la barre au service trouvé
C.1
Hero plein écran
Sanctuaire = Google de la commune
Photo de fond commune. Nom 6.5rem. Baseline "Tapez 3 lettres". Modules cachés par défaut. Barre Gemini = unique entrée.
/cimple-forge/sanctuaire.html
3 lettres
C.2
🔍
Recherche universelle
CimpleSearch
Index 50+ entrées (12 modules + 31 briques + outils). Match local fuzzy instantané. Fallback Gemini pour question naturelle.
_lib/cimple-search.js
Click
Branchement
C.3a
📜
Si module interne (#m-...)
Reveal modules + scroll
Modules cachés s'affichent (display:none → block) et scroll vers la section.
C.3b
🌐
Si brique externe
Ouvre brique en nouvel onglet
/briques/URGENCE_*, /briques/POLITIQUE_*, etc. avec skin Chanel uniforme.
C.4
🛠️
Modules révélés
12 modules sanctuaire
Accueil 3 portes · Actualités (CMS éditable) · Élus (maire dynamique) · Démarches (FranceConnect réels) · Signaler (formulaire Resend) · Hébergements · Restaurants · Visites · Événements (CMS) · Services essentiels (8 briques légales) · Mentions légales · Publications obligatoires.
C.5
🏛
Briques externes accessibles
51 briques par catégorie
5 ADMIN · 8 POLITIQUE · 7 URGENCE · 15 VIE LOCALE · 7 DATA & IA · 9 INTERNE. Toutes en skin Chanel uniforme.
C.6
⚖️
Footer obligatoire
Mentions légales (10 blocs)
Éditeur (LCEN art.6) · Directeur publication · Hébergeur · RGPD/DPO · Cookies/CNIL · RGAA 4.1 niveau AA · Médiation · Signaler contenu illicite (PHAROS) · Crédits/PI · Numérique responsable.
conformité légale 2026
Action
C.7
Action citoyenne
Mail / RDV / Inscription / Signalement
Le citoyen agit en moins de 3 clics. Tout est tracé côté admin (mode admin maire, signalements via /api/send).
Moteurs parallèles · En arrière-plan
Services qui tournent pendant que les voies se déroulent
Backend + IA
⚙.1
📤
Mail backend
server-resend.js
Node :8766 · Endpoints /api/send /api/batch /api/order /api/orders /api/ask /api/health
localhost:8766
⚙.2
🤖
IA générative
Gemini 2.0 Flash (proxy)
Réponses langage naturel pour barre de recherche du sanctuaire. Fallback si rien dans l'index local.
via /api/ask
⚙.3
🖼
Moteur visuels d'époque
Cimple-Atlas v0.5
6 sources live (Gallica, Europeana, POP, Wikimedia, CPArama, AD60). Filtre 1850-1970 strict, zéro stockage. Endpoints /api/search /api/era /api/communes.
cimple-atlas.pages.dev ↗
⚙.4
📜
Hérodote
Worker récit historique
herodote-worker.sos-toutou-ek.workers.dev · Endpoint /lite. Anti-hallucination strict (sources vérifiables obligatoires).
Cloudflare Worker
⚙.5
🎨
Embellissement
Agent Icônes Premium
17 sets d'esthétiques (89 icônes/set) générés via Gemini Flash Image. Switch live via baguette magique 🪄.
_icons_premium/generated_*/
⚙.6
💾
Persistance
localStorage + git auto-save
État tunnel (cimple_wm_state), mode admin, état recherche, etc. + commits automatiques toutes les minutes.

Légende

Voie Alexandre · OrCommercial · cockpit, tri, mails
Voie Maire · BleuTunnel website-maker, fabrication site
Voie Citoyen · RougeSanctuaire en usage quotidien
Brique majeurePoint clé du flot (entrée, surprise, livrable)
Brique vide / à brancherSlot préparé pour livraison ou en cours
Moteur parallèle · VertBackend, IA, persistance · en arrière-plan